/* General settings
----------------------------------------------- */
#menuwrapper {
	padding:0 0 0 10px;
	position:relative;
	z-index:5;
	background-color:#030303;
	background-image:url(../images/grd-white12.png);
	background-position:left bottom;
	background-repeat:repeat-x;
	border-radius:0 0 3px 3px;
	}

.menubox {
	margin:0;
	padding:0;
	float:left;
	}

ul.top-menu,
ul.sub-menu {
	list-style:none;
	}

ul.top-menu > li > a,
ul.sub-menu a {
	text-decoration:none;
	}


/* Responsive drop-down menu
----------------------------------------------- */

#selectElement,
#menuwrapper #page_id {
	font-size:13px;
	font-weight:bold;
	color:#DDD;
	max-width:100%;
	width:100%;
	border:none;
	background:transparent;
	display:none;
	}

#selectElement option,
#menuwrapper #page_id option {
	text-transform:none !important;
	padding:0 12px;
	background-color:#030303;
	}


/* Custom data on menu bar
----------------------------------------------- */
#topmess {
	position:absolute;
	top:10px;
	right:10px;
	color:#FFF;
	font-size:12px;
	}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* FOR SAFARI */
	#topmess { 
		top:9px;
	}
}

#topmess strong,
#topmess a {
	color:#FFF;	
	}


/* Border Radius
----------------------------------------------- */
.li-first,
.li-first > a {
	border-radius:3px 3px 0 0;
	}

.li-last,
.li-last > a {
	border-radius:0 0 3px 3px;
	}

ul.top-menu .sub-menu,
ul.top-menu .megamenu {
	background-color:#FFF;
	box-shadow:0 10px 30px rgba(0, 0, 0, 0.20);
	border-radius:0 0 3px 3px;
	z-index:3;
	}

.megamenu {
	border-radius:3px;
	}


/* Level 1
----------------------------------------------- */
ul.top-menu { 
	list-style:none;
	float:left;
	margin:0;
	padding:0;
	line-height:1.04em;
	position:relative; 
	background-image:url(../images/line.png);
	background-position:left 9px;
	background-repeat:repeat-y;
	}

ul.top-menu > li { 
	float:left; 
	zoom:1; 
	background:url(../images/line.png) top right repeat-y;
	}

ul.top-menu > ul,
ul.top-menu > li,
ul.sub-menu li {
	position:relative;
	}

ul.top-menu > li > a { 
	color:#DDD; /* Becuse the relationship with .hover-has-ul an exist */
	}

ul.top-menu > li > a { 
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	padding:13px 16px 13px 15px !important;
	text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.15);
	z-index:11;
	position:relative;
	}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* FOR SAFARI */
	ul.top-menu > li > a,
	ul.top-menu li.cat-item > a { 
		padding:8px 15px;
	}
	ul.top-menu > li > a {
	padding:12px 15px 14px 15px !important;
	}
}

ul.top-menu > li.hover,
ul.top-menu > li:hover a.active { 
	position:relative;
	}

.menubox .active {
	color:#FFF;
	background-color:#444;
	background-image:url(../images/grd-white12.png);
	background-position:left bottom;
	background-repeat:repeat-x;
	}

ul.top-menu > li.current-menu-item > a,
ul.top-menu > li.current-menu-ancestor > a {
	color:#FFF;
	background-color:#333;
	background-image:url(../images/grd-white12.png);
	background-position:left bottom;
	background-repeat:repeat-x;
	}

ul.top-menu > li > a:hover {
	color:#FFF;
	background-color:#1569ff;
	background-image:url(../images/grd-white12.png);
	background-position:left bottom;
	background-repeat:repeat-x;
	}

ul.top-menu > li.hover-has-ul > a,
ul.top-menu > li.hover-has-ul > a:hover {
	color:#FFF;
	background-color:#1569ff;
	background-image:url(../images/grd-white10.png) !important;
	background-position:left bottom !important;
	background-repeat:repeat-x;
	}

ul.top-menu li.basic span {
	width:15px;
	background:url(../images/arrright.png) center right no-repeat;
	}

ul.top-menu li.basic .a-level > span,
ul.top-menu li a.a-level > span {
	display:inline-block;
	background:url(../images/arrdown.png) right 65% no-repeat;
	}

ul.top-menu li a.a-level > span {
	width:15px;
	}

/* Level 2
----------------------------------------------- */
ul.top-menu ul.sub-menu,
ul.top-menu ul.megamenu {
	width:180px;
	top:-9999px;
	left:0;
	margin:0;
	line-height:1em;
	text-align:left;
	position:absolute;
	z-index:10;
	}

ul.top-menu li.basic ul.sub-menu li {
	float:none; 
	}

ul.top-menu ul.sub-menu a {
	font-size:13px;
	}

ul.top-menu ul li.basic a { 
	width:155px;
	padding:9px 10px 9px 15px !important;
	margin:0;
	background:none;
	display:inline-block; /* for IE7 */
	border:none;
	} 

ul.top-menu li.basic ul li a:hover,
ul.top-menu li.basic ul li.current-cat > a:hover,
ul.top-menu li.basic ul li.current_page_item > a:hover {
	color:#FFF;
	background-color:#1569ff;
	background-image:url(../images/grd-white9.png);
	background-position:left top;
	background-repeat:repeat-x;
	}

ul.top-menu ul.sub-menu li a span { 
	position:absolute;
	right:8px;
	height:13px;
	}

/* Level 3
----------------------------------------------- */
ul.top-menu ul ul.sub-menu { 
	left:177px; 
	top:-9999px;
	box-shadow:0 10px 30px rgba(0, 0, 0, 0.20);
	border-radius:3px;
	}


/* BASIC-MEGA
----------------------------------------------- */
ul.top-menu li.basic-mega > ul {
	width:935px !important;
	background-color:#FFF;
	padding:10px 0 25px 25px;
	left:-9999px; /* for preventing horiz scroll */
	}

ul.top-menu li.basic-mega > ul > li {
	float:left;
	padding:15px 0 0;
	}

li.mega-3 > ul > li {width:33%;}
li.mega-4 > ul > li {width:25%;}
li.mega-5 > ul > li {width:20%;}
li.mega-6 > ul > li {width:16.6%;}

ul.top-menu li.basic-mega li ul {
	display:block;
	left:auto;
	top:auto;
	background:url(../images/path2.png) 2px bottom repeat-y;
	}

ul.top-menu li.basic-mega ul:hover ul,
ul.top-menu li.basic-mega:hover ul ul {
	visibility:visible;
	position:relative;
	}

ul.top-menu li.basic-mega ul ul {
	width:auto; 
	top:auto; 
	left:auto;
	text-align:left;
	position:relative;
	list-style-type:none;
	margin:0;
	padding:0.25em 0 0.7em 0;
	line-height:1.1em;
	}

ul.top-menu li.basic-mega ul ul li {
	background:url(../images/path.png) 1px 0.75em no-repeat;
	padding:0 0 0 15px;
	}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* FOR SAFARI */
	ul.top-menu li.basic-mega a { 
	padding:0;
	}
}

ul.top-menu li.basic-mega ul a {
	text-decoration:none;
	background:none !important;
	}

ul.top-menu li.basic-mega ul a:hover {
	text-decoration:underline;
	}

ul.top-menu li.basic-mega > ul > li > a {
	font-weight:bold;
	}

ul.top-menu li.basic-mega ul a {
	font-size:13px;
	margin:0.5em 0 0.25em 0;
	display:inline-block;
	}

ul.top-menu li.basic-mega ul ul ul a {
	font-size:11px;
	}


/* MEGAMENU
----------------------------------------------- */

ul.megamenu {
	width:910px !important;
	padding:10px 25px;
	line-height:1.6em;
	list-style:none;
	}

ul.top-menu ul.megamenu {
	left:-9999px; /* for preventing horiz scroll */
	}

ul.megamenu,
ul.megamenu div,
ul.megamenu p,
ul.megamenu td {
	font-size:11px;
	}


/* CUSTOM MENU
----------------------------------------------- */

.widget ul.menu {
	margin:0;
	list-style-type:none;
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
	border-radius:3px;
	overflow:hidden;
	background:#FFF;
	}

.widget ul.menu > li {
	padding:0;
	background:url(../images/line.png) left bottom repeat-x;
	}

.widget ul.menu ul.sub-menu {
	padding:0 0 12px 25px;
	margin:0;
	list-style-type:none;
	background:url(../images/path3.png) 26px bottom no-repeat;
	}

.widget ul.menu ul.sub-menu li {
	background:url(../images/path4.png) 0 13px no-repeat !important;
	}

.widget ul.menu ul.sub-menu a {
	font-size:13px;
	padding:0;
	background:none;
	}

.widget ul.menu a {
	text-decoration:none;
	}

.widget ul.menu > li > a {
	font-size:13px;
	font-weight:bold;
	line-height:1.1em;
	padding:11px 0 12px 25px;
	display:block;
	background:url(../images/bg_custom_menu_item.png) top left no-repeat;
	}

.widget ul.menu > li > a:hover {
	background:#1569ff url(../images/bg_custom_menu_item.png) left -60px no-repeat;
	color:#FFF;
	}

.widget ul.menu ul li {
	padding:5px 0 0 10px;
	margin:0;
	}

.widget ul.menu ul.sub-menu a:hover {
	text-decoration:underline;
	}